<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- 视口（作用于移动端，能适配平板、手机页面） -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>喜帮-首页</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/ie10-viewport-bug-workaround.css">
  	<link rel="stylesheet" href="css/index.css">


	<!--[if lt IE 9]><script src="js/ie8-responsive-file-warning.js"></script><![endif]-->
	<script src="js/ie-emulation-modes-warning.js"></script>

	<!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>



	 <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">
          <img src="images/logo.png" alt="">
          </a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">首页</a></li>
            <li><a href="#about">公司</a></li>
            <li><a href="#contact">案例</a></li>
            <li><a href="#contact"><img src="images/logo.png" alt=""></a></li>
            <li><a href="#contact">团队</a></li>
            <li><a href="#contact">咨询</a></li>
            <li><a href="#contact">联系</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

<!-- 广告轮廓图 -->
    <div class="banner">
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="images/banner.png" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <img src="images/banner.png" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <img src="images/banner.png" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>

  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>



    </div>
    <div class="content1">
    <!-- 三个结构 -->
      <div class="content">
      <div class="title">
        <h3>喜邦品牌十年深耕化妆品产业</h3>
        <p>THE COSMETICS INDUSTRY</p>
      </div>
      </div>
    </div>


    <div class="content1">
      <div class="content list">
        <img src="images/index1.gif" alt="" class="pull-left">
        <p>深专家顾问团队，100大新锐设计师阵容。与能者共事，方可铸就一流品牌</p>
        <div class="clearfix"></div>
      </div>
      </div>
      <div class="content1 con_li">
      <div class="content list">
        <img src="images/index2.gif" alt="" class="pull-left">
        <p>我们将创意融入包装和市场去，让品牌在玲琅满目的化妆品大潮中脱颖
而出。</p>
        <div class="clearfix"></div>
      </div>
      </div>
       <div class="content1 con_more">
      <div class="content list" >
      <div class="logo_l  pull-left">
        <img src="images/index2.gif" alt="" ><span>创意</span></div>
        <div class="text_r pull-left">
        <p>我们将创意融入包装和市场去，让品牌在玲琅满目的化妆品大潮中脱颖
而出。</p>
<p>We blend in creative packaging and market, the tinkling of jade 
in the range of cosmetics brand tide come to the fore.</p>
</div>
        <div class="clearfix"></div>
      </div>
      </div>
      <div class="content1">
      <div class="content list">
        <img src="images/index3.png" alt="" class="pull-left">
        <p>资深专家顾问团队，100大新锐设计师阵容。与能者共事，方可铸就一流品牌。</p>
        <div class="clearfix"></div>
      </div>
      </div>
      <div class="content2">
        <div class="content">
          <div class="title pull-left">
        <h3>喜邦品牌十年深耕化妆品产业</h3>
        <p>THE COSMETICS INDUSTRY</p>
        
        </div>
        <div class="right_t pull-right">
          <span class="active">近期作品</span> <!-- 当前选择的 -->
          <span>全部作品</span>
        </div>
        <div class="clearfix"></div>

        <img src="images/caselist3.png" alt="" class="list1">
        <div class="desc"><!-- 描述 -->
             <h3>爱典</h3>
              <p>以守护女性美好肌肤为终极目标的专业护肤品牌-Aidian
              爱典，为缔造女性梦寐以求的无瑕、水润、细嫩的肌肤，
              全新研制出植物密码奢养幻白护肤系列...</p>
         <img src="images/go.png" alt="">
        </div>
          <a href="" class="MORE">MORE</a>

        </div>

      </div>

      <div class="content3">
        <div class="content">

         <div class="title pull-left">
            <h3>喜邦品牌十年深耕化妆品产业</h3>
            <p>THE COSMETICS INDUSTRY</p>
        
           </div>
          <div class="right_t pull-right">
              <span class="active">近期作品</span> <!-- 当前选择的 -->
              <span>全部作品</span>
          </div>
          <div class="clearfix"></div>
          <div class="many_list"> 
            <ul>
              <li><a href=""><img src="images/content3_list1.png" alt=""></a></li>
              <li><a href=""><img src="images/content3_list2.png" alt=""></a></li>
              <li><a href=""><img src="images/content3_list3.png" alt=""></a></li>
              <li><a href=""><img src="images/content3_list4.png" alt=""></a></li>
              <li>

                <img src="images/last_list.jpg" alt="" class=" pull-left" class="last_list">
                 <div class="right_l  pull-left">
                    <h3>杨昊昊</h3>
                    <p>高级平面设计师</p>
                    <p>2003年毕业于haliluya设计学院..</p>
                    <img src="images/go.png" alt="">
                  </div> 
                      <div class="clearfix"></div>            
              </li>
              <div class="clearfix"></div>
            </ul>

          </div>


          <a href="" class="MORE">MORE</a>
        </div>
      </div>
      <div class="content4">

        <div class="content">
          <div class="title pull-left">
            <h3>喜邦品牌十年深耕化妆品产业</h3>
            <p>THE COSMETICS INDUSTRY</p>
        
           </div>
          <div class="right_t pull-right">
              <span class="active">近期作品</span> <!-- 当前选择的 -->
              <span>全部作品</span>
          </div>
          <div class="clearfix"></div>
      </div>
      </div>

      <div class="content4 con_top">
      <div class="content">
      
        <img src="images/fengjing.png" alt="" class="pull-left">
        <div class="text_r pull-left" >
          <h3>本土日化上市需要等待时机</h3>
          <p>2016-03-18</p>
          <p>日化企业的上市会给企业带来更为广阔的利润空间，而上市过程过需要很多的资金，但是很...</p>
        </div>
        <div class="clearfix"></div>
      </div>
      </div>

      <div class="content4 con_list">
      <div class="content">
     
        <ul>
          <li>
          <div  class="date pull-left">
            <span class="big">11</span>
            <span>03</span>
            </div>
           
            <img src="images/fengjing2.png" alt="" class="pull-left">
            <div class="list_r pull-left">
              <h3>中国以规定化妆品生产企业建立需要全过程</h3>
              <p>国家食品药品监督总局17日就《化妆品生产许可工作指南（暂行）》和《化妆品生产
许可检查》...</p>
            </div>
             <div class=" clearfix"></div>
          </li>

          <li>
            <div  class="date pull-left">
            <span class="big">07</span>
            <span>03</span>
            </div>
            <img src="images/fengjing3.png" alt="" class="pull-left">
            <div class="list_r pull-left">
              <h3>实体店该如何面对电商冲击</h3>
              <p>移动互联网的到来，电商的出现，使历史发展的必然，任何人都没办法阻止这股潮流，
想躲...</p>
            </div>
             <div class="clearfix"></div>

          </li>
        </ul>
      
      
        <a href="" class="MORE">MORE</a>
        </div>
        </div>

    <!-- 定内容区域为了居中 -->


   
    <div class="foot">
      <div class="container ">
      <div class="row footer">
        <div class="col-md-2">
          <img src="images/logo2.png" alt="" class="logo">
        </div>
        <div class="col-md-6 center">
          <p>喜邦品牌十年深耕化妆品产业</p>
          <p>友情链接：<a href="">中国雅芳</a><a href="">百雀羚</a><a href="">自然堂</a><a href="">巴黎欧莱雅</a><a href="">谷歌</a></p>
          <p>广州喜邦品牌顾问&设计有限公司版权所有<a href="">粤ICP备0754673</a></p>
        </div>
        <div class="col-md-4 right">
          <p>E-mail: <a href="mailto:758057640@qq.com">758057640@qq.com</a></p>
          <p>全国免费咨询热线：<a href="tel:40000-138-136">40000-138-136</a></p>
          <p>地址：广州市白云区新市齐富路联富大厦6018</p>
        </div>
      </div>
    </div>


    </div>

    

     <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>



</body>
</html>